<template>
  <div class="header">
      <span><slot name="left"></slot></span>
      <span>{{title}}</span>
      <span><slot name="right"></slot></span>
  </div>
</template>

<script>
export default {
    props:{
        title:{
            type:String,
            default:"主题"
        }
    }
}
</script>

<style lang='scss' scoped>
.header{
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: space-around;
}
</style>